<template>
     <el-dialog title="公告详情" :visible.sync="open" width="600px" append-to-body>
        <el-form label-width="80px">
            <el-form-item label="公告标题" style="margin-bottom: 0px">
                {{info.title}}
            </el-form-item>
            <el-form-item label="接收人" style="margin-bottom: 0px" v-show="showReceiveStaff">
                {{info.reciveStaffNames}}
            </el-form-item>
            <el-form-item label="发送时间" style="margin-bottom: 0px" v-show="showSendTime">
                {{ parseTime(info.sendTime, '{y}-{m}-{d} {h}:{i}:{s}') }}
            </el-form-item>
            <el-form-item label="公告内容" style="margin-bottom: 0px">
                {{info.content}}
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
        <el-button @click="open=false">关闭</el-button>
      </div>
     </el-dialog>
</template>
<script>
export default {
    data() {
        return {
            open: false
        }
    },
    props: {
        info: {
            type: Object
        },
        showSendTime: {
            type: Boolean,
            default: true
        },
        showReceiveStaff: {
            type: Boolean,
            default: true
        }
    },
    methods: {
        show() {
            this.open = true
        }
    }
}
</script>
